<!--
 * new page
 * @author: YK
 * @since: 2023-11-29
 * index.vue
-->
<template>
  <m-menus
    :collapse="isCollapse"
    :data="data"
    router
    :defaultActive="$route.path"
  ></m-menus>
</template>

<script setup lang="ts">
withDefaults(
  defineProps<{
    isCollapse?: boolean;
  }>(),
  {
    isCollapse: false,
  }
);
const data = [
  {
    name: "首页",
    icon: "HomeFilled",
    index: "/",
  },
  {
    name: "图标选择器",
    icon: "Check",
    index: "/ChooseIcon",
  },
  {
    name: "省市区选择",
    icon: "Location",
    index: "/ChooseArea",
  },
  {
    name: "趋势标记",
    icon: "Sort",
    index: "/Trend",
  },
  {
    name: "时间选择",
    icon: "Timer",
    index: "/ChooseTime",
  },
  {
    name: "日期选择",
    icon: "Timer",
    index: "/ChooseDate",
  },
  {
    name: "通知菜单",
    icon: "Bell",
    index: "/Notification",
  },
  {
    name: "导航菜单",
    icon: "Menu",
    index: "/Menu",
  },
  {
    name: "城市选择",
    icon: "TurnOff",
    index: "/ChooseCity",
  },
  {
    name: "进度条",
    icon: "DArrowRight",
    index: "/Progress",
  },
  {
    name: "表单",
    icon: "Setting",
    index: "/Form",
  },
  {
    name: "弹出框表单",
    icon: "Setting",
    index: "/ModalForm",
  },
  {
    name: "  表格",
    icon: "ShoppingBag",
    index: "/Table",
  },
];
</script>

<style scoped></style>
